<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    <link type="text/css" rel="stylesheet" href="../js/dist-city-picker/css/city-picker.css"/>
    <script type="text/javascript" src="../js/dist-city-picker/js/city-picker.data.min.js"></script>
    <script type="text/javascript" src="../js/dist-city-picker/js/city-picker.min.js"></script>
</head>
<body>

  <div  style="position: relative;">

   <input data-toggle="city-picker" size="30" />
     </div>

</body>
</html>